<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/perfect-scrollbar.min.js"></script>
    <script type="text/javascript" src="../../js/main.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.cookie.js"></script>
</head>
<body>
<canvas id="myChart" width="400" height="400"></canvas>
<script>
    'use strict'
    var context = $('#myChart').get(0).getContext('2d');
    var contextData={
        labels:['1号机器','2号机器','3号机器','4号机器','5号机器','6号机器','7号机器'],
        dataset:[{
            label:'TOP销售机器',
            borderWidth: 1,
            borderColor: 'rgba(0,0,0,0)',
            backgroundColor: 'rgba(51,202,185,0.5)',
            hoverBackgroundColor: "rgba(51,202,185,0.7)",
            hoverBorderColor: "rgba(0,0,0,0)",
            data: [2500, 1500, 1200, 3200, 4800, 3500, 1500]
        }]
    }
</script>

</body>
</html>